﻿<%@ Page Language="C#" AutoEventWireup="true"  Inherits="AI_HrnPayrolCodeBehind.HomeNew,AI_HrnPayrolCodeBehind" Async="true"  %>


<%@ Register Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="DynamicControlLoading/EmployeeInfo.ascx" TagName="EmployeeInfo"
    TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
   <meta charset="UTF-8">
        <title>Abalone IT Solutions</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Morris chart -->
        <link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
        <!-- jvectormap -->
        <link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
        <!-- Date Picker -->
        <link href="css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

    
<script type="text/javascript">
    function pageLoad() {
        Sys.WebForms.PageRequestManager.getInstance().
        add_endRequest(onEndRequest);
    }

    function onEndRequest(sender, args) {
       
        args.set_errorHandled(true);
    }

    function printInvoice(div1) {
        var printFriendly = document.getElementById(div1)
        if (printFriendly.innerHTML != "") {
            var printWin = window.open("about:blank", "Voucher", "menubar=no;status=no;toolbar=no;");
            printWin.document.write(printFriendly.innerHTML);
            printWin.document.close();
            setInterval(printWin.window.print(), 1000);
            //printWin.window.print();        
        }
        else {
            alertbox('Print Invoice Error', 'Please Select Invoice No and Click on View');
            //customErroralert('Print Invoice Error','Please Select Invoice No and Click on View');
            //alert('Please Select Invoice No and Click on View')
        }
    }



</script>
</head> 
   
<body class="skin-blue">
    <form id="id3" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    
     <!-- header logo: style can be found in header.less -->
        <header class="header">

      
            
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                 
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>

                <div class="navbar-left">
                 <img src="Images/Web logo.png" alt="" title="" border="0" />
               
                </div> 
                <div class="navbar-right">              
               
                <br />
               
               <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        
                        <asp:LinkButton ID="lnkUploadFile" Visible="false" runat="server"   
                            onclick="lnkUploadFile_Click" ForeColor="White">Upload Excel File</asp:LinkButton>  &nbsp; 
                        <asp:LinkButton ID="lnkChangePassword"   runat="server"  ForeColor="White"
                            onclick="lnkChangePassword_Click" >Change Password</asp:LinkButton>  &nbsp;  
                            <asp:LinkButton ID="lnkBtnLogOut" runat="server" ForeColor="White" OnClick="lnkBtnLogOut_Click">Log Out</asp:LinkButton>
                             &nbsp;  &nbsp; 
                       
                    </ContentTemplate>
                </asp:UpdatePanel>


                 
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left" >
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                            <img src="img/avatar3.png" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p>Hello, <asp:Label ID="lblUserName" runat="server" ></asp:Label></p>

                            <a href="#"><i class="fa fa-circle text-success"></i> Active </a>
                             <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                    <ContentTemplate>                                  
                             <asp:LinkButton ID="lnkMore" runat="server" onclick="lnkMore_Click">More...</asp:LinkButton>
                             </ContentTemplate> 
                             </asp:UpdatePanel> 
                             
                        </div>
                    </div>
                  
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu" runat="server" id="tabs" >
                       
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        Abalone HMIS
                       
                    </h1>
                    <ol class="breadcrumb">

                    

                        
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
              
                                <br />
                                <asp:UpdatePanel ID="upMain" runat="server">
                                    <ContentTemplate>
                                        <asp:PlaceHolder ID="plHolderMain" runat="server"></asp:PlaceHolder>
                                    </ContentTemplate>
                                    
                                </asp:UpdatePanel>
                                <asp:Panel ID="Panel1" runat="server" Style="background-color: #ffffff; display: none;
                                    width: 150px">
                                    <div style="padding: 8px">
                                        <h4>
                                            Please Wait...</h4>
                                    </div>
                                </asp:Panel>
                           
                    <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Panel1"
                        PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="true" />
                    <script type="text/javascript">

                        var prm = Sys.WebForms.PageRequestManager.getInstance();

                        prm.add_initializeRequest(initializeRequest);
                        prm.add_endRequest(endRequest);

                        var _postBackElement;

                        function initializeRequest(sender, e) {
                            if (prm.get_isInAsyncPostBack()) {
                                e.set_cancel(true);
                            }

                            _postBackElement = e.get_postBackElement();

                            $find('ModalPopupExtender1').show();

                        }

                        function endRequest(sender, e) {

                            $find('ModalPopupExtender1').hide();

                        }
                    </script>
               
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- add new calendar event modal -->


        <!-- add new calendar event modal -->


        <!-- jQuery 2.0.2 -->
        <script src="Scripts/jquery.min.js" type="text/javascript" ></script>
        <!-- jQuery UI 1.10.3 -->
        <script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <!-- Morris.js charts -->
       <%-- <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>--%>
        <script src="js/plugins/morris/morris.min.js" type="text/javascript"></script>
        <!-- Sparkline -->
        <script src="js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
        <!-- jvectormap -->
        <script src="js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
        <script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
        <!-- jQuery Knob Chart -->
        <script src="js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
        <!-- daterangepicker -->
        <script src="js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <!-- datepicker -->
        <script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>

        <!-- AdminLTE App -->
        <script src="js/AdminLTE/app.js" type="text/javascript"></script>

        <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
        <script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>

        <!-- AdminLTE for demo purposes -->
        <script src="js/AdminLTE/demo.js" type="text/javascript"></script>



        <!--end of main content-->
        <div class="footer">
            
            <div class="right_footer">
                © Copyright 2014 Abalone India Pvt Ltd. All Rights Reserved.</div>
        </div>
 

    </form>
</body>
</html>
